<template>
	<view class="">
		<view class="container">
			<u-textarea v-model="content" placeholder="介绍房源亮点，交通、周边环境、商场等，入住时间、对租客要求等" :autoHeight="true" :maxlength="500"></u-textarea>
		</view>
		<bottomComponent>
			<view class="bottom-btn" @click="submitHandler">
				确定
			</view>
		</bottomComponent>
	</view>

</template>

<script>
	import utils from "@/utils/common.js"
	import bottomComponent from "@/components/bottomComponent/index.vue"
	import storage from "@/utils/storage.js"
	export default {
		components: {
			bottomComponent
		},
		data() {
			return {
				content: '',
			}
		},
		onLoad(e) {
			this.content = storage.get_house_des()
		},
		methods: {
			submitHandler() {
				storage.set_house_des(this.content)
				uni.navigateBack({
					delta: 1
				})
			},
		}

	}
</script>

<style>
	page {
		background: #649CF6 linear-gradient(360deg, #fff 0%, #ECF3FF 60%, #F1F6FF 96%, #F1F6FF 100%);
	}
</style>
<style scoped lang="scss">
	.container {
		margin: 10rpx auto;
		width: 729rpx;
		min-height: 612rpx;
		background-color: #fff;
		padding: 20rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.image-container {
			display: flex;
			flex-wrap: wrap;

			.image {
				position: relative;
				margin-right: 20rpx;
				margin-bottom: 20rpx;
				border-radius: 8rpx;
				border: 2rpx dotted #4A84F4;
				text-align: center;
				font-weight: 500;
				font-size: 23rpx;
				color: #9C9C9C;
				line-height: 34rpx;
				overflow: hidden;

				.image-upload {
					padding: 20rpx 40rpx;
				}

				.eye {
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					display: flex;
					align-items: center;
					justify-content: space-around;
				}

				.close {
					width: 200rpx;
					height: 46rpx;
					position: absolute;
					right: -82rpx;
					top: -4rpx;
					background-color: rgba(255, 255, 255, .6);
					display: flex;
					align-items: center;
					justify-content: space-around;
					transform: rotateZ(45deg);
				}
			}
		}
	}

	.bottom-btn {
		width: 630rpx;
		line-height: 86rpx;
		background: #2B5BF8;
		border-radius: 86rpx;
		font-weight: 500;
		font-size: 38rpx;
		color: #FFFFFF;
		text-align: center;
	}
</style>